{% extends "isa/home.html" %}
{% load static %}
{%  block css_head %}
<link href="{% static 'css/user.css' %}" rel="stylesheet"></link>
{% endblock %}

{% block middle_body %}

<div class="head-body">
    <h3 class="font-solid white ">{{ u.user.username }}</h3>
    <img class="img-circle header middle"  src="/media/{{ u.user_img.url }}"></img>
</div>
<div class="other-body">
    <!-- <h1 class="font-solid" >
        Nothing .. here now 
    </h1>
    <p class="article"> 。。。</p> -->
    <div class="col-md-3 col-sm-6 col-lg-3">
        <div class="jumbotron">
          <a class="article font-solid middle">编写高质量</a>
          <p  style="font-size: 16px;" class="article font-solid" >by @mdo

Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。  。。。</p> 
          </p>
          <p><a class="btn btn-default" href="#" role="button">Learn more</a></p>
        </div>
    </div>
    {%  for question in questions %}
    <div class="col-md-3 col-sm-6 col-lg-3">
        <div class="jumbotron">
          <a class="article font-solid middle">{{ question.title }}</a>
          <p  style="font-size: 16px;" class="article font-solid" >
            {{ question.content }}  
          
          </p>
          <code style="margin:10px" class="font-solid ">
            答案 ：{{ question.answer }}
          </code>
          <p><a class="btn btn-default" href="/question/{{ question.id }}" role="button">Learn more</a></p>
        </div>
    </div>
    {% endfor %}

</div>
{% endblock %}